<template>
 <div>

   <div @click="$emit('enlarge-text',1)">{{title}}子组件向父组件抛出自定义事件触发父组件自定义方法 改变字体大小</div>


   <div @click="fun('子组件中的数据')"  >父组件传递的方法在这里触发</div>


 </div>
</template>
<script>
         
export default {
  props:{
    fun:{
      type:Function

  
    },
    title:{
      type:String,
      default:''
    }
  },
  data(){ 

   return {

 key:1
   }
  },
 components: {

 },
 computed: {

evenNumbers: function () {

return this.key.filter(function (number) {

return number % 3 === 0

})
}
},
  beforeCreate:function (){

// 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。

 debugger;

  },
 created:function (){

 // 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，el 属性目前尚不可用。

 this.click(this.key)

  },
  beforeMount:function (){

  },
  methods: {

// 在挂载开始之前被调用：相关的 render 函数首次被调用。

click(Vlue,key){

 debugger;

 console.log(Vlue,key)


 }




  }

}

</script>

<style  scope>

</style>